<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<meta name="description" content="Draggabble Widget Boxes with Persistent Position and State" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<c:set var="ctx" value="${pageContext.request.contextPath}" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${ctx }/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${ctx }/static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${ctx }/static/assets/css/jquery-ui.custom.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${ctx }/static/assets/css/fonts.googleapis.com.css" />
		<link rel="stylesheet" href="${ctx }/static/assets/css/bootstrap-datepicker3.min.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${ctx }/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<!--[if lte IE 9]>
			<link rel="stylesheet" href="${ctx }/static/assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" href="${ctx }/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${ctx }/static/assets/css/ace-rtl.min.css" />
		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="${ctx }/static/assets/css/ace-ie.min.css" />
		<![endif]-->
		<!-- inline styles related to this page -->
		
		<!-- ace settings handler -->
		<script src="${ctx }/static/assets/js/ace-extra.min.js"></script>
		
		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
		<!--[if lte IE 8]>
		<script src="${ctx }/static/assets/js/html5shiv.min.js"></script>
		<script src="${ctx }/static/assets/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body style="background-color: #fff;">
		<div class="main-content-inner">
					<div class="page-content">
						<div class="row">
							<div class="col-sm-9">
							<form id="financeInfoQueryForm" class="form-inline">

									<div class="input-group" style="">
										<input onkeydown='if(event.keyCode==13){submitQueryBtn.click()}' value="" type="text" id="queryUserId" name="userId" class="form-control" placeholder="输入要添加的用户ID">
									</div>
									<div class="input-group input-daterange"  style="width: 60%">
										<div class="input-group-btn">
											<button id="submitQueryBtn" type="button" class="btn btn-purple btn-sm" onclick="queryInfo()">
												<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
												查询
											</button>
										</div>
									</div>

							</form>
							</div>
						</div>
						<div class="hr hr-double hr-dotted hr18"></div>
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="clearfix">
								</div>
								<div class="">
									<div id="user-profile-1" class="user-profile row">
									</div>
									<div id="formDiv" style="display:none;" class="row">
										<div class="col-xs-4"></div>
										<div class="col-xs-4">
										<form class="form-horizontal" id="addSubUserForm" name="myform" role="form">
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right">添加为</label>
											<div class="col-sm-9">
												<input type="hidden" name="userId" id="submitUserId">
												<select id="utype" name="utype" class="col-xs-10 col-sm-5">
													<option value="1">下属代理</option>
												</select>
											</div>
										</div>
										<c:if test="${showTopIdInput == 1 }">
										<div id="" class="alert alert-warning">
											<button type="button" class="close" data-dismiss="alert">
												<i class="ace-icon fa fa-times"></i>
											</button>
											由于您不属于“运营号”角色，添加下级时请指定一个运营号
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right">运营号ID</label>
											<div class="col-sm-9">
												<input type="text" name="topId">
											</div>
										</div>
										</c:if>
										<div class="form-group">
											<label class="col-sm-3 control-label no-padding-right">父级(选填)</label>
											<div class="col-sm-9">
												<input type="text" name="parentId">
											</div>
										</div>
										<div class="clearfix form-actions">
											<div class="col-md-offset-3 col-md-9">
												<button class="btn btn-info" type="button" onclick="submitAdd()">
													<i class="ace-icon fa fa-check bigger-110"></i>
													确认
												</button>
												&nbsp; &nbsp; &nbsp;
												<button class="btn" type="reset" onclick="cancelAdd()">
													<i class="ace-icon fa fa-undo bigger-110"></i>
													取消
												</button>
											</div>
										</div>
										</form>
										</div>
									</div>
									
								</div>
								
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
	</body>
	<script src="${ctx }/static/assets/js/jquery-2.1.4.min.js"></script>
	<script src="${ctx }/static/assets/js/bootstrap.min.js"></script>
	<script src="${ctx }/static/js/paging.js"></script>
	<script src="${ctx }/static/js/addSubUser.js"></script>
	<script src="${ctx }/static/assets/js/bootstrap-datepicker.min.js"></script>
	<script>
		var ctx = "${ctx}";
		var dataUrl = ctx + "/admin/finance/userfinanceList";
		var contextId = "profileDataList";
		var formId = "queryDetailForm";
		$('[data-rel=tooltip]').tooltip();
		$('.input-daterange').datepicker({
            autoclose:true,
            format:"yyyy-mm-dd"
        });
	</script>
	
</html>
